<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="cw" uri="/widget-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<cw:base />
	</head>
	<body>
		<cw:form>
		<ul>
			<li>
				<b> 提示框，弹出窗口显示信息。 </b>
			</li>
			<li>
				<b> 和window.alert不同，调用后立即返回，而不是点击确定再返回。 </b>
			</li>
		</ul>
		<br />
		<br />
		<cw:text id="text" label="文本" property="text" />
		<br />
		<ul>
			<li>
				显示警告信息，调用Wonders.Msg.warn方法显示文本
				<cw:button text="警告文本" onclick="function(){Wonders.Msg.warn(Ext.getCmp('text').getValue())}"></cw:button>
				<br />
			</li>
			<li>
				显示错误信息，调用Wonders.Msg.error方法显示文本
				<cw:button text="错误文本" onclick="function(){Wonders.Msg.error(Ext.getCmp('text').getValue())}"></cw:button>
				<br />
			</li>
			<li>
				显示提示信息，调用Wonders.Msg.info方法显示文本
				<cw:button text="提示文本" onclick="function(){Wonders.Msg.info(Ext.getCmp('text').getValue())}"></cw:button>
				<br />
			</li>
			<li>
				显示确认信息，调用Wonders.Msg.confirm方法，点击“是”则执行回调方法清空文本；
				回调方法function(btn,text)，btn是按钮值'yes'或'no'
				<cw:button text="清空文本" onclick="function(){Wonders.Msg.confirm('确认清空吗?','确认',function(btn){if(btn=='yes')Ext.getCmp('text').setValue('');})}"></cw:button>
				<br />
			</li>
			<li>
				显示输入框，调用Wonders.Msg.prompt方法，输入并点击“确定”则执行回调方法设置文本；
				回调方法function(btn,text)，btn是按钮值'ok'或'cancel'，text是输入文本
				<cw:button text="设置文本" onclick="function(){Wonders.Msg.prompt('请输入...','输入',function(btn, text){if(btn=='ok')Ext.getCmp('text').setValue(text);})}"></cw:button>
				<br />
			</li>
		</ul>
		</cw:form>
	</body>
	<cw:theme></cw:theme>
</html>
